<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../public/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../../font-icon/iconfont.css">
    <link rel="stylesheet" href="../../swiper-11.0.3/swiper/swiper-bundle.min.css">
    <title>首页</title>
</head>

<body>
    <!-- 经度：108.882413 纬度：34.224082 -->
    <header class="centerd">首页</header>
    <!-- 搜索栏 -->
    <div class="seacher centerd">
        <div class="seacher-lef">
            <div class="iconfont icon-dingxiang"></div>
            <p class="iddressp">请选择</p>
            <p class="seacher-province"> </p>
            <p class="seacher-city"> </p>
            
        </div>
        <div class="seacher-min">
            <input type="text" placeholder="输入商品名称">
        </div>
        <div class="iconfont icon-kefu"></div>
        <div class="iconfont icon-qiandao"></div>
        
    </div>
    <!-- 轮播图 -->
    <div class="banner centerd">
        <!-- Swiper -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">Slide 1</div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- 列表展示 -->
    <div class="list centerd">
        <div class="list-one">
            <span class="iconfont icon-meishi"></span>
            <p>大众美食</p>
        </div>
        <div class="list-two">
            <span class="iconfont icon-hanbao"></span>
            <p>大众饮食</p>
        </div>
        <div class="list-three">
            <span class="iconfont icon-jingzi"></span>
            <p>美美哒</p>
        </div>
        <div class="list-four">
            <span class="iconfont icon-shafa"></span>
            <p>居家生活</p>
        </div>
        <div class="list-five">
            <span class="iconfont icon-jiushuiyinliao"></span>
            <p>休闲娱乐</p>
        </div>
    </div>

    <!-- 广告 -->
    <div class="ad centerd">
        <img src="https://img.axureshop.com/4d/70/de/4d70de7a01724a518886e314f1a03985/images/%E9%A6%96%E9%A1%B5/u3557.png"
            alt="">
        <p>限时秒杀超值优惠券</p>
    </div>

    <!-- show区 -->
    <div class="show centerd">
        <h1>为你甄选</h1>
        <div class="show-ceil">
            <div class="box1">
                <div class="text">
                    <p>一元观影</p>
                    <p>海量电影 超值特惠</p>
                </div>
            </div>
            <div class="box1">
                <div class="text">
                    <p>一元观影</p>
                    <p>海量电影 超值特惠</p>
                </div>
            </div>
            <div class="box1">
                <div class="text">
                    <p>一元观影</p>
                    <p>海量电影 超值特惠</p>
                </div>
            </div>
            <div class="box1">
                <div class="text">
                    <p>一元观影</p>
                    <p>海量电影 超值特惠</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 为你推荐 -->
    <div class="activity centerd">
        <h1>附近活动</h1>

    </div>

    <!-- 底部 -->
    <footer id="footer">
        <div onclick="changeColor(this)" class="footer-one">
            <span class="iconfont icon-shouye"></span>
            <p>首页</p>
        </div>
        <div onclick="changeColor(this)" class="footer-two">
            <span class="iconfont icon-goumai"></span>
            <p>嗨团</p>
        </div>
        <div onclick="changeColor(this)" class="footer-three">
            <span class="iconfont icon-dingdan"></span>
            <p>发现</p>
        </div>
        <div onclick="changeColor(this)" class="footer-four">
            <span class="iconfont icon-pinglun"></span>
            <p>我的</p>
        </div>
    </footer>
</body>

</html>
<script src="../../public/jquery.js"></script>
<script src="../../public/ajaxTools.js"></script>
<script src="../../public/cookieTools.js"></script>
<script src="../../swiper-11.0.3/swiper/swiper-bundle.min.js"></script>
<script src="../js/index.js" type="text/javascript"></script>